<ul class="nav navbar-nav navbar-right navbar-iconic">
  <li hawtio-extension name="nav-system-status"></li>
  <li uib-dropdown>
    <a uib-dropdown-toggle class="nav-item-iconic" id="dropdownMenu1">
      <span title="Help" class="fa pficon-help" aria-hidden="true"></span>
      <span class="sr-only">{{'Help'| translate}}</span>
      <span class="caret" aria-hidden="true"></span>
    </a>
    <ul class="uib-dropdown-menu" aria-labelledby="dropdownMenu1" hawtio-extension name="nav-help-dropdown">
      <li><a href="https://docs.openshift.org/latest/welcome/index.html">{{'Documentation' | translate}}</a></li>
      <li><a href="about">{{'About'| translate}}</a></li>
    </ul>
  </li>
  <li uib-dropdown ng-cloak ng-if="user">
    <a href="" uib-dropdown-toggle id="user-dropdown" class="nav-item-iconic">
      <span class="pf-icon pficon-user" aria-hidden="true"></span>
      <span class="username truncate">{{user.fullName || user.metadata.name}}</span> <span class="caret" aria-hidden="true"></span>
    </a>
    <ul class="uib-dropdown-menu" aria-labelledby="user-dropdown" hawtio-extension name="nav-user-dropdown">
      <li>
        <a href="logout">{{'Logout'| translate}}</a>
      </li>
    </ul>
  </li>
</ul>
